<template>
<div>

<el-row >
	<el-col :span="16">
		<!-- <div class="fl mt15 mr10 ml20" style="width:30px;">
			<img src="@/assets/logo.png" width="30" height="30">
		</div> -->
		<div class="fl mt15 h1 ml20" style="width:320px;">社区服务管理系统</div>
		<div class="fl mt25 ">
			<!-- <el-breadcrumb separator="/">
			  <el-breadcrumb-item v-for="(item, index) in pageInfo.namearr" :key="index">{{item}}</el-breadcrumb-item>
			</el-breadcrumb> -->
		</div>
	</el-col>

	<el-col :span="7">
		&nbsp;
		<!-- <el-menu v-if="systemList.length > 0" 
		:default-active="pageInfo.systemIndex + ''" mode="horizontal" 
		@select="select"
		>
		  <el-menu-item
		  v-for="item in systemList"
		  :index="item.index + ''">{{item.name}}</el-menu-item>
		</el-menu> -->
	</el-col>

	<el-col :span="1" class="text-right">
		<el-button class="mt15" type="danger" icon="el-icon-switch-button"
		 size="small" @click="logout"
		 plain circle></el-button>
	</el-col>

</el-row>

</div>
</template>

<script>

import { mapGetters } from 'vuex'

export default {
	
	name : 'header1',
	
	data () {
		return {
		  	menulist : [],
		}
	},

	props : {

	},

	components : {
		
	},

	computed : {
		...mapGetters([
			'systemList', 
			'pageInfo',
		]),
	},

	methods : {
		select (index) {
			this.$store.commit('setMenu', index);
		},

		async logout () {
			await this.$http('logout');
			this.$router.push({
				name : 'login',
			});
		},
	},

	watch : {
	    
	},

	mounted () {

	},

}
</script>

<style scoped>

</style>
